<template>
	<!-- <div id="nav">
		<router-link to="/">MyOnePage</router-link> |
		<router-link to="/about">About</router-link>|
		<router-link to="/home">Home</router-link>|
		<router-link to="/login">Login</router-link>
	</div> -->
	<router-view /> 
	
</template>

<style lang="scss">
	#app {
		font-family: Avenir, Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #2c3e50;
	}

	#nav {
		padding:20px;

		a {
			font-weight: bold;
			color: #2c3e50;

			&.router-link-exact-active {
				color: #42b983;
			}
		}
	}
</style>
